<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>产品详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="/res/css/sm.min.css">
    <link rel="stylesheet" href="/res/css/sm-extend.min.css">
    <link rel="stylesheet" href="/res/css/swiper.min.css">
    <link rel="stylesheet" href="/res/css/common.css">
    <link rel="stylesheet" href="/res/font/iconfont.css">

</head>
<body>
<div class="page-group">
    <div class="page page-current">
        <!--<header class="bar bar-nav">-->
            <!--<a class="button button-link button-nav pull-left external" href="/user/adv" data-transition='slide-out'>-->
                <!--<span class="icon icon-left"></span>-->
                <!--返回-->
            <!--</a>-->
            <!--<h1 class="title">产品详情</h1>-->
        <!--</header>-->
        <div class="content">
            <div class="content-block" style="margin-bottom:3.4rem">
                <div class="swiper-container" style="height:18rem;top: 24px;">
                    <div class="swiper-wrapper">
                    </div>
                    <!-- 如果需要滚动条 -->
                    <div class="swiper-pagination"></div>
                </div>
                <div style="padding:10px">
                    <span class="iconfont icon-hot" style="color: red;margin-right:10px"></span>
                    <span style="font-size:16px" id="title"></span>
                    <span style="color:red;font-size:14px;display: block;text-indent: 1rem;margin:5px auto" id='description'>
                    </span>
                </div>

                <div class="card" style="margin: 0rem;">
                    <div class="card-header">最新评论</div>
                    <div class="card-content">
                        <div class="card-content-inner">
                            <div id="discuss-content-new">

                            </div>
                        </div>
                    </div>
                </div>


                <div class="content-block-title" id="pro_details">产品详情</div>
                <div id="detail_content">
                    <!-- 这里是页面内容区 -->
                </div>
                <div id="discuss">
                    <div class="content-block-title">用户评论</div>
                    <div id="discuss-content">
                    </div>
                </div>
            </div>
            <div style="position:fixed;bottom:0;width: 100%;right:0">
                <div class="row"
                     style="color:#000;background: #fff;display: block;float: left;width:70%;height:2.4rem;padding-left:15px">
                    <div class="col-33" style="line-height: 2.4rem;">
                        <a class="tab-item external" href="/user/index" style="color: #8c8c8c;">
                            <span class="icon iconfont icon-shouye"></span>
                            <span class="tab-label">首页</span>
                        </a>
                    </div>
                    <div class="col-33" style="line-height: 2.4rem;">
                        <a class="tab-item external" href="#pro_details" style="color: #8c8c8c;">
                            <span class="icon iconfont icon-chanpin"></span>
                            <span class="tab-label">详情</span>
                        </a>
                    </div>
                    <div class="col-33" style="line-height: 2.4rem;">
                        <a class="tab-item external" href="#discuss" style="color: #8c8c8c;">
                            <span class="icon iconfont icon-ding"></span>
                            <span class="tab-label">评论</span>
                        </a>
                    </div>
                </div>
                <a href="#" style="float: left;width:34%;" class="button button-big button-fill button-danger doReserve">预定</a>
            </div>
        </div>
    </div>
</div>

<script type='text/javascript' src='/res/js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/swiper.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/jquery-3.2.1.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/util.js' charset='utf-8'></script>
<script>
    jQuery.noConflict();
    var $j = jQuery;
    $j.loadJs('/res/js/new/detail.js?v_' + Math.random(),null);
</script>
</body>
</html>